﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>开始使用layui</title>
    <link href="../lib/layui2/css/layui.css" rel="stylesheet" type="text/css" />
</head>
<body>

    <div class="layui-collapse">
        
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">说明及通告</h2>

            <div class="layui-carousel" id="test1" lay-filter="test1" style="width: 100%; background-color: #FFFFFF;">
                <div carousel-item="" style="width: 100%; background-color: #FFFFFF;">
                    <div style="width: 100%; background-color: #FFFFFF;" v-for="site in listinfo">
                        <div style="width: 100%; background-color: #FFFFFF;">
                            时间：{{ site.addtime }}<br />
                            类型： {{ site.fv2 }}<br />
                            标题： {{ site.fv1 }}<br />
                            说明： {{ site.bj }}<br />
                        </div>
                    </div>

                    <!-- <div  style="width:100%; background-color: #FFFFFF;">条目1aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
    <div>条目2</div>
    <div>条目3</div>
    <div>条目4</div>
    <div>条目5</div>-->
                </div>
            </div>

        </div>
    
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">使用说明</h2>
            <div class="layui-colla-content layui-show">
                各基地，请阅读系统使用手册，使用系统。
        如果疑问，可以加入QQ群：146059740 进行交流。<br />
                <h3 style="color: #0000FF">点击下面下载手册</h3>
                <br />
                <a href="功能及使用说明/1生产追溯管理系统功能及使用说明书-组织及人员管理.doc">1组织及人员管理</a><br />
                <a href="功能及使用说明/2生产追溯管理系统功能及使用说明书-基础数据管理.doc">2基础数据管理</a><br />
                <a href="功能及使用说明/3生产追溯管理系统功能及使用说明书-物品进出仓库管理.doc">3物品进出仓库管理</a><br />
                <a href="功能及使用说明/4生产追溯管理系统功能及使用说明书-基地生产作业管理.doc">4基地生产作业管理</a><br />
                <a href="功能及使用说明/5生产追溯管理系统功能及使用说明书-基地菜品流转管理.doc">5基地菜品流转管理</a><br />
                <a href="功能及使用说明/6生产追溯管理系统功能及使用说明书-加工中心流转管理.doc">6加工中心流转管理</a><br />
                <a href="功能及使用说明/7生产追溯管理系统功能及使用说明书-报表说明.doc">6报表说明</a><br />

            </div>
        </div>
    </div>

    <script>
        //注意：折叠面板 依赖 element 模块，否则无法进行功能性操作

    </script>
    <script src="../hcjsui/Scripts/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../lib/layui2/layui.js"></script>
    <script type="text/javascript" src="../js/vue.min.js"></script>
    <script>
        var hcvueapp = new Vue({
            el: '#test1',
            data: {
                listinfo: []
            },
            methods: {

            }
        })
    </script>

    <script>
        layui.use('element', function () {
            var element = layui.element;
        });

        //一般直接写在一个js文件中
        layui.use(['carousel', 'layer', 'form'], function () {
            var layer = layui.layer
            , form = layui.form;
            var carousel = layui.carousel;


            //常规轮播
            carousel.render({
                elem: '#test1'
              , arrow: 'always'
              , width: '100%'
 , height: '150px', interval: 10000
            });
            //layer.msg('Hello World');
        });

        $.ajax({
            type: "post",
            url: "../ashx/spui.ashx",
            data: {
                "action": "getpageinfo",
                "pagenow": 1,
                "pagesize": 6,
                "select": "t.id tid,t.fv1,t.bj,t.fv2,t.addtime",
                "table": "Table_SP as t",
                "group": "",
                "having": "",
                "where": "  type=2015111801",
                "order": " id desc"

            },
            async: true,
            cache: false,
            error: function (error) {

            },
            success: function (data) {
                var result = JSON.parse(data);
                hcvueapp.listinfo = result.data;

            }
        });



    </script>
</body>
</html>
